*{padding: 0;margin:0;}
body{
    overflow:hidden;
    background-color: #ffffff;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}

#prebox {position: fixed;width: 100%;max-width:640px;height: 100%;background-color: #fff;z-index: 999;background-image: url('../img/loading.jpg');background-size:contain;background-repeat: no-repeat;}
.ds_none{display:none !important;}
.pos_abs{position:absolute; z-index:11;}
.pos_abs img {width: 100%;height: 100%;}
.loading{width:100%;top:10%;margin-top: 110px;}
.loading p{color:#fff; text-align:center;}
.loading strong{color: #9e2727;position: absolute;font-weight: normal;display: inline-block;width: 100%;left: 0;}
.logo-text{color: #0451ad;font-weight: bold;font-size: 16px;margin-top: 50px;width: 300px;height: 18px;margin-left: auto;margin-right: auto;text-align: center;}
.windows8{text-align: center;}
.windows8 p{width: 220px;text-align: center;display: inline-block;position: relative;display: inline-block;}

.flipbook-viewport{
    overflow:hidden;
    width:100%;
    height:100%;
}

.flipbook-viewport .container{
}

.flipbook-viewport .flipbook{
    
}

.flipbook-viewport .page{
    width:461px;
    height:600px;
    background-repeat:no-repeat;
    background-size:contain;
}
.page{background-color: #fff;}
.page img{width: 100%;}
.flipbook .page{
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -o-box-shadow:0 0 20px rgba(0,0,0,0.2);
    box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook-viewport .page img{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin:0;
}

.flipbook-viewport .shadow{
    -webkit-transition: -webkit-box-shadow 0.5s;
    -moz-transition: -moz-box-shadow 0.5s;
    -o-transition: -webkit-box-shadow 0.5s;
    -ms-transition: -ms-box-shadow 0.5s;

    -webkit-box-shadow:0 0 20px #ccc;
    -moz-box-shadow:0 0 20px #ccc;
    -o-box-shadow:0 0 20px #ccc;
    -ms-box-shadow:0 0 20px #ccc;
    box-shadow:0 0 20px #ccc;
}

@-webkit-keyframes reverseRotataZ{
    0%{-webkit-transform: rotateZ(0deg);}
    100%{-webkit-transform: rotateZ(-360deg);}
}
@-webkit-keyframes rotataZ{
    0%{-webkit-transform: rotateZ(0deg);}
    100%{-webkit-transform: rotateZ(360deg);}
}

.pull-left {position:absolute;bottom:5%;right:0;overflow:hidden;width:240px; height:200px; }

.loadinner{
    position:absolute;
    width:76%;
    height:100%;
    margin-left:-38%;
    left:50%;
    text-align:center;
    font-size:11px;
    line-height:20px;
}
.graph{
    background:#6c6c6c;
    width:70%;
    margin:10px auto 0 auto;
}
#bar{
    display:block;
    background:#f1f1f1;
    height:3px;
    width:10px;
}
#diary{width:70%;margin:0 auto;}
#chupin{width:100%;position:absolute;bottom:80px;}
#cpright{position:absolute;bottom:50px;color:#757575;font-size:9px;text-align:center;width:100%;letter-spacing: -1px;word-spacing: -1px;}
#btns{position:absolute;left:50%;top:15%;width:44%;margin:0 0 0 -22%;z-index:999;}
#btns button,#btns a{line-height:36px;background: #1ea5d2;border: 1px solid #fcfcfc;color:#404040;width:100%;height:36px;font-size:17px;display:block;text-decoration:none;text-align:center;}

/*上一页*/
.previousPage{
    width: 16%;
    height: 20%;
    position: fixed;
    top: 80%;
    left: 22%;
    z-index: 999999;
    /*border:1px solid red;*/
    background: transparent !important;
}
/*返回目录页按钮*/
.return{
    width: 16%;
    height: 20%;
    position: fixed;
    top: 80%;
    left: 40%;
    z-index: 999999;
    /*border:1px solid blue;*/
    background: transparent !important;
}

/*下一页*/
.nextPage{
    width: 16%;
    height: 20%;
    position: fixed;
    top: 80%;
    left: 58%;
    z-index: 999999;
    /*border:1px solid red;*/
    background: transparent !important;
}


.btnImg{
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 99999;
    background-size: cover;
    point-events:none;
}

/*弹出窗口*/
.g-plugin-confirm {
    position: fixed;
    z-index: 9999999999999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    /*background: rgba(0, 0, 0, 0.1);*/
    background-color: rgba(0 ,0, 0, 0.35);
    justify-content: center;
    align-items: center;
}
/* line 397, global.sass */
.g-plugin-confirm > div {
    background: #fff;
    width: 80%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
/* line 402, global.sass */
.g-plugin-confirm > div > div:nth-child(1) {
    text-align: center;
    color: black;padding-top: 30px;
    padding-bottom: 30px;
}
/* line 406, global.sass */
.g-plugin-confirm > div > div:nth-child(2) {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #cbcbd1;
}
/* line 409, global.sass */
.g-plugin-confirm > div > div:nth-child(2) a {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px solid #cbcbd1;
    text-align: center;
    padding: 12px 0;
    color: #9c9c9c;
    font-size: 14px;
    text-decoration: none;
}
/* line 416, global.sass */
.g-plugin-confirm > div > div:nth-child(2) a:last-child {
    border-right: 0;
    color: #3bbec0;
}